<!-- SCRIPTS -->
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-core.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-service.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-ui.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-mapevents.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-places.js"></script>

<!-- BODY -->
<h1>Detailed Place Information</h1>
<p><div>This example searches for places to eat (i.e. within the <code>eat-drink</code> category) close to the <b>Chinatown</b> district of <b>San Francisco</b> <i>(37.7942</i><i>°N,</i><i>-122.4070</i><i>°W</i><i>)</i>. The response contains places links and those links are rendered on the map as markers. All Places API's Search &amp; Discovery entrypoints return place links with a function for easy access to place details. On place link click, user triggers this function and returns place details inside a panel. For more information about place details responses visit <a target="_blank" rel="nofollow" href="http://developer.here.com/rest-apis/documentation/places/topics_api/media-type-search-results.html">Places API Documentation</a>.</div><div><br></div></p>
<hr/>
<div id="map" style="width: 600px; height: 300px; background: grey;" ></div>
<hr/>
<div id="panel" style="width: 600px; "></div>
